<template>
  <el-card class="card-base" style="margin-top: 10px; cursor: pointer;">
    <div class="card-base-icon" :style="{color: props.color}">
      <i :class="'iconfont icon-' + props.icon"></i>
    </div>
    <div class="card-base-title">{{ props.title }}</div>
  </el-card>
</template>

<script setup lang="ts">
interface Props {
  title: string
  icon: string
  color: string
}

const props = defineProps<Props>()
</script>